<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试页面</title>
    <link rel="stylesheet" href="test.css">
</head>
<body>
    <div class="test-container">
        <h1 class="test-title">RPG游戏测试页面</h1>
        <div class="test-buttons">
            <button class="test-btn" id="btnCharacter">角色测试</button>
            <button class="test-btn" id="btnBackpack">背包测试</button>
            <button class="test-btn" id="btnRank">排行测试</button>
            <button class="test-btn" id="btnCard">卡片测试</button>
        </div>
        
        <!-- 测试数据输入区域 -->
        <div class="test-data-section">
            <h2>测试数据</h2>
            <div class="data-input-group">
                <label for="testData">测试数据 (JSON格式):</label>
                <textarea id="testData" placeholder='例如: {"name": "测试玩家", "level": 50}'></textarea>
            </div>
        </div>
    </div>

    <!-- 提示弹窗 -->
    <div class="modal-overlay" id="modalOverlay">
        <div class="modal-content">
            <h3 class="modal-title">提示</h3>
            <p class="modal-message" id="modalMessage"></p>
            <button class="modal-btn" id="modalConfirm">确定</button>
        </div>
    </div>

    <script src="test.js"></script>
</body>
</html>

